<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/cw.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link href="../css/mui.picker.css" rel="stylesheet" />
		<link href="../css/mui.poppicker.css" rel="stylesheet" />
	</head>
         <style type="text/css">
         	.mui-input-row label{color: #AAAAAA;}	
			.mui-table-view-cell{padding: 5px 0;}
			.mui-input-row label{text-align: left;padding-left: 15px;padding-right:0px;width:30%;}
			.mui-input-row label~input{width: 70%;text-align: right;}		
		    input{font-size:15px;color: #333333;}
			textarea{border: 0;font-size:15px;}
         </style>
	<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">编辑收货地址</h1>
		<span class="mui-pull-right" style="line-height: 44px;font-size:15px">确定</span>
	</header> 
	<div class="mui-content" id="content">
	    <form name='editaddress'>
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>收货人</label>
						<input type="text" placeholder="" name="name" value=""/>
					</div>	
				</div>					
			</div>	
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>手机号码</label>
						<input type="number" placeholder="" name="phone" value=""/>
					</div>	
				</div>					
			</div>
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>邮政编码</label>
						<input type="number" placeholder="" name="zipcode" value=""/>
					</div>	
				</div>					
			</div>
			<div class="mui-table-view">
				<div class="mui-table-view-cell" id='showCityPicker'>
					<div class="mui-input-row">
						<label>所在地区</label>
						<input type="text" id="cityResult" name="address" value=""/>
					</div>	
				</div>					
			</div>
			<textarea name="info" rows="3" cols="" placeholder="请输入详细地址"></textarea>
		</form>	
	</div>
		
        <script src="../js/mui.js"></script>
		<script src="../js/jquery-2.1.4.min.js"></script>
        
        <!--<script src="../js/global.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="../js/mui.picker.js"></script>
		<script src="../js/mui.poppicker.js"></script>
		<script src="../js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/public.js" ></script>
		<script type="text/javascript" src="../js/app/shop-shouhuo.js" ></script>
		<script type="text/javascript">
			mui.init();
      		(function($, doc) {
				$.init();
				$.ready(function() {					
					var cityPicker = new $.PopPicker({
						layer: 3
					});
					cityPicker.setData(cityData3);
					var showCityPickerButton = doc.getElementById('showCityPicker');
					var cityResult = doc.getElementById('cityResult');
					showCityPickerButton.addEventListener('tap', function(event) {
						cityPicker.show(function(items) {
							cityResult.value = items[0].text + " " + items[1].text + " " + items[2].text;
						});
					}, false);
				});
			})(mui, document);
		</script>
	</body>

</html>